<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/paddingLeft.css" />
		<style type="text/css">
			.left {
				float: left;
				border-right: #808080 1px solid;
			}

			.left li {
				list-style-type: none;
				padding: 15px 0px 15px 50px;
			}

			.right {
				float: left;
			}

			.right li {
				list-style-type: none;
				padding: 15px 0px 15px 50px;
			}

			span {
				color: #09f;
				font: bold 13px "宋体";
			}

			.public {
				background: url(images/icon.gif) no-repeat -2px -115px;
			}

			.public1 {
				background-position: 0 -155px;
			}

			.public2 {
				background-position: 0 -195px;
			}

			.public3 {
				background-position: 0 -230px;
			}

			.foot {
				width: 250px;
				padding: 10px 20px;
				background: #FDF7E7;
				border: #f2bb6f 1px solid;
			}

			.public4,
			.public5 {
				border: #f5dcbc 1px solid;
				background: #fff;
				height: 15px;
				width: 200px;
				line-height: 15px;
			}

			.public4 {
				background: #fff url(images/icon.gif) no-repeat -12px -272px;
			}

			.public5 {
				background: #fff url(images/icon.gif) no-repeat -14px -310px;
			}
		</style>
	</head>
	<body>
		<div class="emp">
			<iframe src="header.html" width="980" height="136" frameborder="0" scrolling="no"></iframe>
		</div>
		<div class="emp">
			<ul class="left">
				<h1>
					<img src="images/logintitle.gif" alt="会员登陆" />
				</h1>
				<li style="padding-left: 120px;">
					<label>会员名：</label>
					<input type="text" name="name" />
					（可包含a-z、0-9和下划线）
				</li>
				<li style="padding-left: 120px;">
					<label>密&nbsp;&nbsp;&nbsp;码：</label>
					<input type="text" name="name" />
					（至少包含6字符）
				</li>
				<li style="padding-left: 250px;">
					<a href="index.html" target="_top"><img src="images/login.gif" /></a>
				</li>
				<li class="four">
					δ&nbsp;&nbsp;
					<a href="#">什么是安全登录</a>。
				</li>
				<li class="four">
					δ&nbsp;&nbsp;
					香港會員（繁體中文用戶）由此
					<a href="#">登入</a>。
				</li>
				<li class="four">
					δ&nbsp;&nbsp;
					<a href="#">密码安全贴上</a>。
				</li>
				<li class="four">
					δ&nbsp;&nbsp;
					防止病毒或者木马窃取您的账户信息，
					<a href="#">在线检查</a>
					您的电脑是否安全。
				</li>
			</ul>

			<ul class="right">
				<h1>
					<img src="images/register.gif" alt="用户注册" />
				</h1>
				<li class="public">
					<span>便宜有好货！</span>
					超过7000万件商品任你选。
				</li>
				<li class="public public1">
					<span>买卖更安全！</span>
					交易超安全。
				</li>
				<li class="public public2">
					<span>免费开网店！</span>
					轻松赚钱交友。
				</li>
				<li class="public public3">
					<span>超人气社区！</span>
					精彩活动每一天。
				</li>
				<li><a href="register.html" target="_top"><img style="width: 250px; height: 50px;" src="images/registernow.gif" /></a></li>
				<ul class="foot">
					<li class="public public4">
						您已经是会员？
						<a href="#">由此登入</a>
					</li>
					<li class="public public5">
						繁体中文用户由此
						<a href="#">注册</a>
					</li>
				</ul>
			</ul>

		</div>
		<div class="emp">
			<iframe src="foot.html" width="980" height="136" frameborder="0" scrolling="no"></iframe>
		</div>
	</body>
</html>
